.view {
    height: 100%;
    background: #F3F3F3;
}

.body {
    height: calc(100% - 46px);
    margin-top: 10px;
    box-sizing: border-box;
}

.body >>> .el-tabs {
    height: 100%;
    box-sizing: border-box;
}

.body >>> .el-tabs > .el-tabs__content {
    height: calc(100% - 42px);
    padding: 0px;
}

.body >>> .el-tabs > .el-tabs__content > .el-tab-pane {
    height: 100%;
}

.tree {
    overflow: auto;
    border: 1px solid #D1DBE4;
    height: 100%;
    background: white;
    box-sizing: border-box;
}

.view >>> .el-tree {
    background: none;
    border: none;
}

/* .tree>>>.el-tree-node__content {
    background: #f3f3f3;
} */

.tree >>> .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background: #b3b3b3;
}

.tree >>> .el-tree-node__content:hover {
    background: #e3e3e3;
}
